<template>
<div class="xlsx">
    <el-dialog :title="title" :visible.sync="importXlsxdialogVisible" width="30%">
        <el-form>
            <el-form-item label="文件导入">
                <UploadFiles v-if="type === 'user'"></UploadFiles>
                <UploadSubjectFiles v-else></UploadSubjectFiles>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="importXlsxdialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="importXlsxdialogVisible = false">确 定</el-button>
        </div>
    </el-dialog>

</div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: '文件导入'
        },
        ImportXlsxShow: {
            type: Boolean,
            default: false
        },
        type:{
            type: String,
            default: 'user'
        }
    },
    data() {
        return {
            importXlsxdialogVisible: false
        }
    },
    watch: {
        ImportXlsxShow() {
          console.log(this.ImportXlsxShow);
            this.importXlsxdialogVisible = this.ImportXlsxShow
        }
    }
};
</script>

<style></style>
